<template>
    <div class="nav">
        <div class="nav-job">
            <RouterLink to="/qujiesuanView"><div>&lt;</div></RouterLink>
            <div>提交成功</div>
            <div class="aaa"></div>
        </div>
        <div class="tupian">
            <img src="../../assets/images/提交成功.png" alt="">
        </div>
        <div class="qwe">
            <div class="e">订单已提交成功!</div>
            <div>支付金额：<span class="q">¥</span><span class="w">108</span></div>
        </div>
        <div class="a">
        <div class="aa">查看订单</div>
        <div class="aa">返回首页</div>
    </div>
    </div>
</template>
<style scoped>
.qwe {
    text-align: center;
    margin-top: 20px;
}
.e {
    font-size: 18px;
}
.q {
    color: #fc6217;
}
.w {
    color: #fc6217;
    font-size: 20px;
}
.qwe div:nth-child(2){
    margin-top: 10px;
}
.aaa{
    background-color: #fff;
}
.nav-job div:nth-child(2){
    color: #09b674;
}
.nav-job {
    display: flex;
    justify-content: space-between;
    padding: 10px;
    border-bottom: 1px solid #ccc;
}
.tupian {
    text-align: center;
    margin-top: 50px;
}
.tupian img {
    width: 50px;
    height: 54px;
}
.a {
    display: flex;
    justify-content: space-around;
    margin-top: 50px;
    margin-right: 30px;
    color: #ccc;
}
.aa {
    border: 1px solid #ccc;
    padding: 5px 10px;
}
</style>